// components/cusotm-popup/cusotm-popup.js
Component({
    /**
     * 组件的属性列表
     */
    properties: {
        show: {
            type: Boolean,
            value: false
        }, // 弹出层开启状态
        overlay: {
            type: Boolean,
            value: false
        },
        showTitle: {
            type: Boolean,
            value: true
        },
        showTitle: {
            type: Boolean,
            value: true
        },
        title: {
            type: String,
            value: '默认标题'
        }, // 弹出层头部标题
        position: {
            type: String,
            value: 'bottom'
        }, // 弹出层弹出位置
        showClose: {
            type: Boolean,
            value: true
        }, // 是否开启自定义关闭图标
        showFooter: {
            type: Boolean,
            value: true
        },
        btnText: {
            type: String,
            value: '确认'
        },
        height: {
            type: String | Number,
            value: '676rpx'
        },
        background: {
            type: String,
            value: '#FFF'
        },
        disabled: {
            type: Boolean,
            value: false
        }
    },

    options: {
        styleIsolation: 'shared'
    },

    /**
     * 组件的初始数据
     */
    data: {
        show: "",
        showState: false,
        title: "",
        btnText: "",
    },

    /**
     * 组件数据字段监听器，用于监听 properties 和 data 的变化
     */
    observers: {
        // 监听弹出层开启、关闭状态变更
        "show": function (e) {
            let that = this;
            that.setData({
                showState: e
            })
        }
    },

    /**
     * 组件的方法列表
     */
    methods: {
        // 弹出层关闭回调函数方法
        onClose() {
            this.setData({
                show: false
            })
            this.triggerEvent('close')
        },
        // 弹出层确认按钮回调函数方法
        onConfirm: function () {
         
            this.triggerEvent('confirm')
        }
    }
})